*{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgba(224, 204, 37, 0.44);
}

.container{

}
#header{
    background-color: #0d6efd;
    color: white;
    nav{
        display: flex;
        div,ul{
            display: inline-block;
            padding: 5px;
        }
        ul li{
            display: inline-block;
        }
        ul{
            flex-grow: 1;
        }
    }

}
#main{
    .card{
        height: 200px;
        line-height: 200px;
        text-align: center;
    }
}
#footer{
    background-color: #0d6efd;
    color: white;
    display: flex;
    div{
        flex-grow: 1;
        a{
            color: white;
            display: block;
        }
    }
}
